<template>
  <van-form>
    <van-field
      v-model="celsius"
      type="number"
      label="℃"
      @blur="celsiusToFahrenheit"
    />
    <van-field
      v-model="fahrenheit"
      type="number"
      label="℉"
      @blur="fahrenheitToCelsius"
    />
    <div style="margin: 16px">
      <van-button round block type="primary"> 转换 </van-button>
    </div>
  </van-form>
</template>
<script setup>
import { useTemperature } from '@/features/Temperature/useTemperature'

const { celsius, fahrenheit, celsiusToFahrenheit, fahrenheitToCelsius } = useTemperature();

</script>
